<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting the background of a panel</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ol.whs1 { list-style:decimal; }
img_whs2 { border:none; width:18px; height:15px; float:none; border-style:none; }
img_whs3 { border:none; width:28px; height:18px; float:none; border-style:none; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nDesigning dynamic enterprise dashboards\nLayering data in dashboards: Panels and panel stacks\nFormatting panels and panel stacks\nFormatting the background of a panel");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Formatting the background of a panel</h1>
<p>You can format the background of individual panels in a panel stack.</p>
<h2>To format the background of a panel</h2>
<ol type="1" class="whs1">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design 
 </B></span>or <span style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li class=p><p>Select the panel stack and pass your cursor under its 
 title bar. A toolbar of icons is displayed.</p></li>
	
<li class=p><p>Use the <span style="font-weight: bold;"><B>Previous Panel</B></span> 
 <img src="images/PanelStackMoveBack.gif" x-maintain-ratio="TRUE" width="18px" height="15px" border="0" class="img_whs2"> 
 and <span style="font-weight: bold;"><B>Next Panel</B></span> <img src="images/PanelStackMoveForward.gif" x-maintain-ratio="TRUE" width="18px" height="15px" border="0" class="img_whs2"> icons to select the panel you want to format.</p></li>
	
<li class=p><p>Click the arrow to the right of the <span style="font-weight: bold;"><B>Fill 
 Color</B></span> icon <img src="images/iconFill.gif" x-maintain-ratio="TRUE" width="28px" height="18px" border="0" class="img_whs3">.</p></li>
	
<li class=p><p>Specify the background color. To access additional colors, 
 select <span style="font-weight: bold;"><B>More Colors</B></span>. </p></li>
	
<li class=p><p>To apply a color gradient (a combination of two colors) 
 to the panel, select <span style="font-weight: bold;"><B>Gradients</B></span>. 
 From the <span style="font-weight: bold;"><B>Color 1</B></span> and <span style="font-weight: bold;"><B>Color 
 2</B></span> drop-down lists, select the two colors to use for the gradient. 
 Then select a <span style="font-weight: bold;"><B>Shading Style</B></span> to 
 determine the direction in which the two colors are blended together. 
 You can also select a <span style="font-weight: bold;"><B>Variant</B></span>, 
 which is the direction of the shading between the two colors. The <span 
 style="font-weight: bold;"><B>Flash-only</B></span> variant is a mirror-like 
 gradient only displayed in Flash Mode.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the formatting changes to the document.</p></li>
</ol>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
